{{ content() }}

<div class="page-content-area">
    <div class="page-header">
        <h1>
            {{ link_to(config.application.backendUrl ~ "/video/artist" , "Danh Sách Artists","") }}
        </h1>
        <div class="text-right">
            {{ link_to(config.application.backendUrl ~ "/video/artist/create" , "<i class='ace-icon glyphicon glyphicon-plus bigger-120'></i> Them Artist", "class": "btn btn-xs btn-primary") }}
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <table class="table table-striped table-bordered table-hover">
                <thead>
                <tr>
                    <th>Id</th>
                    <th>Tên</th>
                    <th>Loại</th>
                    <th>Quốc Gia</th>
                    <th>Giới Tính</th>
                    <th>Hành động</th>
                </tr>
                </thead>
                <tbody>
                {% for item in pager  %}
                    <tr>
                        <td>{{item.getId()}} </td>
                        <td>{{ item.getName() }}</td>
                        <td>{{ helper.getTypeOfArtist(item.getArtistType()) }}</td>
                        <td>{{ item.getNational().getName() }}</td>
                        <td>{{ helper.getGender(item.getGender()) }}</td>
                        <td>
                            <div class="hidden-sm hidden-xs btn-group">
                                {{ link_to(config.application.backendUrl ~ "/video/artist/edit/" ~ item.getId()~"?page="~pager.getCurrentPage() , "<i class='ace-icon fa fa-pencil bigger-120'></i>", "class": "btn btn-xs btn-info tooltip-success") }}
                                {{ link_to(config.application.backendUrl ~ "/video/artist/delete/" ~ item.getId(), "<i class='ace-icon fa fa-trash-o bigger-120'></i>", "class": "btn btn-xs btn-danger tooltip-success") }}
                            </div>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {% if pager.haveToPaginate() %}
                {# Render the navigation #}
                {{ pager.getLayout() }}
            {% endif %}
        </div>
    </div>
</div>
